<template>
  <div class="app">

    <!-- 
      不支持
     -->
    <!-- <keep-alive include="homeView">
      <router-view></router-view>
    </keep-alive> -->

    <router-view v-slot="{ Component }">
      <keep-alive include="homeView">
        <component :is="Component" />
      </keep-alive>
    </router-view>

    <TabBarVant v-if="!route.meta.hideTabBar"></TabBarVant>
  </div>
</template>

<script setup>
import { ref, reactive } from 'vue'
import TabBarVant from '@/components/TabBarVant/TabBarVant.vue';
import { useRoute } from 'vue-router';

const route = useRoute()

</script>

<style scoped lang="less"></style>
